.home {
  padding: 0 20px;
  height: calc(100vh - 68px);
}

.gradient {
  width: 100%;
  height: 25vh;
  background-image: var(--background-image-linear-gradient);
  border-radius: 1vw;
  position: relative;
  .banner {
    font-size: 32px;
    position: absolute;
    left: 20px;
    top: 5%;
  }
}

.tabs {
  margin: 15px 0;
  display: flex;
  transition: 0.3s;
}

.tabs > div.btn {
  background: #222529;
  padding: 10px 40px;
  color: #f9fafa;
  margin: 0 5px;
  letter-spacing: 2px;
  font-size: 16px;
  border-radius: var(--border-radius);
  cursor: pointer;
}

.tabs > div.btn.active {
  background-image: var(--background-image-linear-gradient);
  color: #07080b;
}
